<div class="new-address" v-show="showForm">
    <div class="content">
        <div class="titlebar">
            <div class="iconfont icon-back" v-on:click="toggleForm()"></div>
            <div class="flex"></div>
            <strong>添加收货地址</strong>
            <div class="flex"></div>
            <div style="height: 10px; width: 20px;"></div>
        </div>

        <div class="address-form">
            <div class="tablerow">
                <div class="group-name">收货人</div>
                <div class="group-input">
                    <input id="consignee" v-model="address.consignee" :value="address.consignee" type="text" class="text" title="" placeholder="收货人姓名">
                </div>
            </div>

            <div class="tablerow">
                <div class="group-name">联系电话</div>
                <div class="group-input">
                    <input id="phone" v-model="address.phone" :value="address.phone" type="text" class="text" title="" placeholder="手机号码">
                </div>
            </div>

            <div class="tablerow">
                <div class="group-name">所在省份</div>
                <div class="group-input">
                    <select class="text" title="" id="province" v-model="address.province">
                        <option>贵州省</option>
                    </select>
                </div>
            </div>

            <div class="tablerow">
                <div class="group-name">所在城市</div>
                <div class="group-input">
                    <select class="text" title="" id="city" v-model="address.city">
                        <option>贵州省</option>
                    </select>
                </div>
            </div>

            <div class="tablerow">
                <div class="group-name">所在区县</div>
                <div class="group-input">
                    <select class="text" title="" id="district" v-model="address.district">
                        <option>贵州省</option>
                    </select>
                </div>
            </div>

            <div class="tablerow">
                <div class="group-name">街道地址</div>
                <div class="group-input">
                    <input id="street" v-model="address.street" :value="address.street" type="text" class="text" title="" placeholder="社区，街道，门牌号">
                </div>
            </div>

            <div class="tablerow">
                <div class="group-name">设为默认</div>
                <div class="flex"></div>
                <div><input id="isdefault" title="" type="checkbox" value="1" v-model="address.isdefault" :checked="address.isdefault"></div>
            </div>
            <div class="save-button">
                <button type="button" v-on:click="save()">保存</button>
            </div>
        </div>
    </div>
</div>
